<!doctype html>
<head><meta name="generator" content="Hexo 3.8.0">
  <meta charset="utf-8">
  <meta name="author" content="Paul Lewis">
  <meta name="viewport" content="width=device-width">
  <title>3D Card Flip</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <sc-card axis="random" duration="800">
    <div class="umbra"></div>
    <div class="penumbra"></div>

    <div class="front" tabindex="-1">
      <h1>Supercharged</h1>
      <button>Flip card</button>
    </div>

    <div class="back" tabindex="-1">
      <button>Flip card</button>
    </div>

  </sc-card>

  <script src="card-flip.js"></script>
</body>

